import React from 'react'
import ReactDOM from 'react-dom/client'
// 导入样式文件
// import './index.css'
import './index.scss'

// 1. 创建react元素

const el = (
  <>
    <h1>样式的设置</h1>
    {/* 方式一: 行内样式, 不推荐 */}
    <div style={{ width: '600px', height: '600px', backgroundColor: 'teal' }}>
      我是一个盒子
    </div>

    <hr />
    {/* 方式二: 通过类名控制 */}
    <div className="box">
      <p className="son">使用scss</p>
    </div>
  </>
)

// 创建挂载点
const root = ReactDOM.createRoot(document.getElementById('root'))

root.render(el)
